<template>
  <section class="bg-gray-fa lg:pt-20 lg:pb-14 py-9 text-center">
    <div class="lg:text-3xl text-xl font-bold lg:block hidden">
      平安校园 · 做好安全预防，必先知道风险是什么
    </div>
    <div class="text-lg text-gray-66 lg:mt-4">
      <div
        class="
          lg:text-lg lg:text-gray-66 lg:mt-4
          text-gray-33 text-xl
          lg:mx-0
          mx-[18px]
          font-bold
          lg:font-normal
        "
      >
        安全预防的根源，在于是否知道所有的风险在哪里 !
      </div>
      <div class="lg:text-lg text-sm lg:mt-0 mt-2 lg:mx-0 mx-5">
        根据风险发生的可能性和严重性，列出每一个管理、环境、设施、人员操作中可能发生的事故，制定管控措施。
      </div>
    </div>
    <div class="mt-14 container mx-auto lg:flex lg:px-0 px-3">
      <div class="lg:w-2/3 w-full">
        <img
          src="@/assets/img/kid4.png"
          class="w-full h-full object-cover"
          alt=""
        />
      </div>
      <ul
        class="
          lg:w-1/3
          -mt-2
          lg:mt-0
          kid-red-bg
          text-white text-left
          pt-1
          px-4
          lg:text-sm
          text-xs
          pb-4
          !leading-6
        "
      >
        <li class="mt-4">
          做好安全预防比发生事故后的处理更重要，发现事故苗头的前提是知
          道每一处风险在哪里。
        </li>
        <li class="mt-5">
          我们有专业的安全团队，现场帮助幼儿园找出风险，完善管控制度。
        </li>
        <li class="mt-5">
          我们帮助许多学校建立安全预防体系，遇到老师最多的疑问就是，“这个也是风险吗？”
        </li>
        <li class="mt-5">
          很多幼儿园在建设的时候用了一些低质量、低成本的设施，随着设备老化，隐藏了很多安全隐患，幼儿园容易忽视这些问题，仅仅是因为之前没有发生过。
        </li>
      </ul>
    </div>
  </section>
</template>

<script>
import theHero from "@/components/hero.vue";

export default {
  components: { theHero },
};
</script>

<style lang="scss" scoped>
.kid-red-bg {
  background: linear-gradient(144deg, #e43336 0%, #c41719 100%);
  li:before {
    content: "";
    display: inline-block;
    transform: translateY(3px);
    width: 16px;
    height: 16px;
    background-image: url("@/assets/img/kid-li.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
</style>